14 Effective Lightbox Animation Showcase

1. MelonHTML5 - 3D Cube Gallery

featured image

3D Cube Animation (Chrome, Safari, Firefox, IE10)

Lightbox

Fix lightbox to work with window scroll

More Details

2. MelonHTML5 - Metro Gallery

featured image

Lightbox

A CSS3 image gallery is included, which can be turned on or off.Lightbox can be used to embed both images and videos.Thumbnails in tiles and big images in lightbox

You can use thumbnials in small tiles and set big images to be used in lightbox. Animation can also be turned off.Added ability to set animation delay.Added ability to set animation direction: vertical or horizontal.Added ability to use thumbnail in tiles, and big images in lightbox

New feature: Lightbox

More Details

3. jQuery Speedo Popup

featured image

a jQuery lightbox plugin free download

You can play videos, you can make a lightbox of videos and or mixed content or you can notify the user when you want, you have the possibility to do whatever you want.* Fixed BUG: Once the overlay has finished it's animation, it becomes opaque.* Fixed BUG: When using groupGallery(lightbox) on multiple content and different

More Details

4. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at website email form with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly.The most smooth animation engine optimized by performance balance

Set caption animation to chain mode

Set caption animation to flatten mode

Rollback caption animation when touch end/mouse up

HTML caption with animation (390+ caption transitions)

Caption animation speed adjustable by change ’$Duration’ value of caption transition

Slider can be put anywhere (lightbox, or any container)

More Details

5. Smooth CSS3 Preloaders

featured image

Pure CSS3 Preloaders for Smoother Animation

Preload an entire web page (see video above) with a lightbox-style fullscreen preloader.An API method that allows you to fade the preloader in and out (upon fadeout the keyframe animation is removed automatically for optimal performance).

More Details

6. MelonHTML5 - Timeline

featured image

A full CSS3 lightbox is also included with the option to be turned on/off. Images rotate automatically and could have lightbox enabled or disabled.Allows you to create a blog post style element with a lightbox enabled image on the top, and a read more link at the bottom.Lightbox

A full CSS3 (jQuery Fallback for IEs) lightbox is included which can be applied to images used in elemetns. turn animation on or off, turn year separator on or off … etc), which allows you to configure the timeline to suit your own needs.

More Details

7. Versatile Touch Slider

featured image

Through the lightbox it is possible show multimedia content (video, audio, image and html content). Lightbox (Video, Audio, Image, Html Content);

added example with CSS3 animation.

More Details

8. Lightbox With Transition Effects For HTML / Images

featured image

emloSlightBox is an improved version of the popular Lightbox gallery script. But if you do not like the default configuration, you can easily adjust all the options – change the animation speed and slices number, group elements, call functions such as onStart, onComplete, onClose and many more.

More Details

9. 3D FlipBook - Responsive jQuery Plugin

featured image

lightbox or full page

choose between 2 types of jQuery page flip animation – 2d or 3d flip animation

customizable animation speed and transition type

fix for 2d flip animation for Opera and IE

added lightbox mode – book can be opened in a lightbox when clicked on a book cover

More Details

10. JackBox - Responsive Lightbox

featured image

JackBox – A jQuery lightbox plugin with Real Social Sharing

Create a lightbox that worked on mobile devices, even smartphones.Create a lightbox where every image, video and song can be individually shared.CSS3 Preloader for smoother animation

Options to set the lightbox thumbnail width and height

Option to preload graphics for a smoother lightbox experience

If none are chosen, and the lightbox item is a clickable thumbnail to begin with, JackBox will grab and resize that thumbnail instead.If these options aren’t available, JackBox will then attempt to grab the large version of the JavaScript lightbox image gallery and resize it.On mobile contact form the page behind the lightbox will scroll to the top.When sharing via Facebook, only the lightbox item’s link will get posted.

More Details

11. TileBox - Modern Responsive LightBox CSS

featured image

TileBox – Modern Responsive LightBox CSS

TileBox – Modern Responsive LightBox CSS is a small CSS plugin that is used to create a modern lightbox with CSS3 animation slideshow Effects for modern browsers.CSS3 Animation Effects.MetroBox – Responsive LightBox

More Details

12. FancyAds Ads with Animation in jQuery

featured image

Show your ads, forms, maps, videos with animation. The animations will just work in modern browsers on internet explorer you will see the lightbox in right place but no animation.

More Details

13. jQuery Giga Image Viewer - animated zoom and pan

featured image

Package contains a example for building lightbox gallery (ColorBox Gallery). set animation duration

More Details

14. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…

CSS3 Animation Effects.TileBox – Modern Responsive LightBox CSS

MetroBox – Responsive LightBox

More Details